import React from 'react'
import { Pagination,Autoplay} from 'swiper';
import { Swiper, SwiperSlide} from 'swiper/react';
import 'swiper/css/pagination';
import 'swiper/css/autoplay';
import 'swiper/css';
import {Container} from './style';
import firstpic from '../../../assets/images/1.jpg'
import secondpic from '../../../assets/images/1.webp'

export default function SwiperImg() {
  return (
    <Container>
    <Swiper
        modules={[ Pagination,Autoplay]}
        pagination
        loop
        autoplay= {{
            disableOnInteraction: false,
            delay: 1000,
            // stopOnLastSlide: false,
            // disableOnInteraction: true,
        }}
    >
        
        <SwiperSlide >
            <img src={firstpic} className="swiper_img"/>
        </SwiperSlide>

        <SwiperSlide >
            <img src={secondpic} className="swiper_img"/>
        </SwiperSlide>
       
    </Swiper>

</Container>
  )
}
